<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ page import="com.are.odisea.*"%>
<%@include file="validausuario.jsp"%>
<%
String rolp="VNOT";
if(!RolesPag.tienePermiso(rolp,(String)session.getAttribute("id_usuario"))){
	response.sendRedirect("index.jsp");	
}
%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Odisea - Noticias</title>
	<link rel="stylesheet" href="themes/redmond/jquery.ui.all.css">
	<LINK REL="stylesheet" TYPE="text/css" HREF="main.css">
	<script src="ui/jquery-1.8.0.js" language="JavaScript"></script>
	<script src="ui/jquery.ui.core.js" language="JavaScript"></script>
	<script src="ui/jquery.ui.widget.js" language="JavaScript"></script>
	<script src="ui/jquery.ui.tabs.js" language="JavaScript"></script>
	<script src="ui/jquery.ui.button.js"></script>
	<script src="ui/jquery.effects.core.js"></script>
	<script src="ui/jquery.effects.slide.js"></script>
	<script src="ui/jquery.ui.datepicker.js"></script>
	<script src="ui/jquery.effects.explode.js"></script>
	<script src="ui/jquery.effects.fold.js"></script>
	<script src="ui/jquery.effects.slide.js"></script>
	<script src="ui/jquery.ui.draggable.js"></script>
	<script src="ui/jquery.ui.position.js"></script>
	<script src="ui/jquery.ui.resizable.js"></script>
	<script src="ui/jquery.ui.dialog.js"></script>
	<script src="ui/jquery.effects.core.js"></script>
	<script src="ui/jquery.ui.widget.js"></script>
	<script src="ui/jquery.ui.mouse.js"></script>
	<script src="ui/jquery.bgiframe-2.1.2.js"></script>
	<style>
	#gallery { float: left; width: 65%; min-height: 12em; } * html #gallery { height: 12em; } /* IE6 */
	.gallery.custom-state-active { background: #eee; }
	.gallery li { float: left; width: 96px; padding: 0.4em; margin: 0 0.4em 0.4em 0; text-align: center; }
	.gallery li h5 { margin: 0 0 0.4em; cursor: move; }
	.gallery li a { float: right; }
	.gallery li a.ui-icon-zoomin { float: left; }
	.gallery li img { width: 100%; cursor: move; }
 
	#trash { float: right; width: 32%; min-height: 18em; padding: 1%;} * html #trash { height: 18em; } /* IE6 */
	#trash h4 { line-height: 16px; margin: 0 0 0.4em; }
	#trash h4 .ui-icon { float: left; }
	#trash .gallery h5 { display: none; }
	</style>
	<script type="text/javascript">
	
	
	//-----------------------------------------------------------------------------------------------------------------------------------------------
	function listImg(docu) {
		$("#Imagenes").load("SrvImagenNoticia?operacion=listImagNot&key="+docu);
	}
	function listNot(docu) {
		$("#Noticia").load("SrvNoticias?operacion=MostrarNot&id_not="+docu);
	}
	</script>
</head>
<body onload="listImg('<%= (String)request.getParameter("id")%>'); listNot('<%= (String)request.getParameter("id")%>')">
<%@include file="header.jsp"%>
<div class="contencenter">
	<div id="Noticia" class="cuadronotiNot" style="font-size:14px; text-align:justify; color:black;">
	</div>
	<div id="Imagenes" class="cuadronotileftNot ui-widget-content ui-corner-all">
			
	</div>
</div>
<%@include file="foot.jsp"%>

</body>
</html>